*{
	margin: 0;
	padding:0;
}
.black-nav{
	width: 100%;
	height: 50px;
	background-color: #333;
	line-height: 50px;
}
.wrap{
	width: 1226px;
	margin: 0 auto;
}
.nav-left{
  float: left;
}
.black-nav a{
	text-decoration: none;
	color: #b0b0b0;
	font-size: 10px;
}
.black-nav a:hover{
	color: white;
}
.nav-right{
	float: right;
}
.header{
	width: 100%;
	height: 100px;
/* background-color: whitesmoke; */
line-height: 50px;
}
 /* .header */ .continer{
	width: 1226px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background-color:white;
}
 .continer .logo{
	height: 80px;
	width: 80px;
	position: absolute;
	top:11px;
	left: -42px;
	/* background-color: aquamarine; */
	border-radius: 31px;
}
.logo img{
	height: 93px;
	width: 145px;
}
.header-left{
	
	float: left;
	position: absolute;
	left: 166px;
	top: 17%;
}
.header-left a{
	text-decoration: none;
	font-size: 12px;
	color: #292929;;
}
.header a:hover{
	color: coral;
}
.search{
	float: right;
	width: 269px;
	height: 57%;
	/* background-color: #b0b0b0; */
	position: absolute;
	right: 0px;
	top: 19px;
}
input :focus{
	outline: none;
}
.lunbo{
	width: 100%;
	height: 655px;
	/* background-color: antiquewhite; */
	position: relative;

}
  .lunbo .lunbo-continer{
	width: 1226px;
	height: 76%;
	margin:0 auto;
	background-color: #b0b0b0;
position: relative;	
}
 .lunbo-continer .site-box{
	width: 19%;
	height: 100%;
	background-color: darkgray;
	float: left;
}
.site-nav{
	list-style-type: none;
	/* text-align: center; */
	padding-top: 15px ;
	padding-left: 32px;
line-height: 47px;
}
 .site-nav a{
	 font-size: 16px;
	 color: whitesmoke;
	 text-decoration: none;
 }
 .site-nav a:hover{
	color: coral;
 }
 .site-nav i{
	 float: right;
	 color: whitesmoke;
	 margin-right: 20px;
 }
 img{
	 width: 992px;
	 height: 497px;
 }
 .lunbo-b{
	 width: 1226px;
	 height: 20%;
/* 	 background-color: aliceblue; */
	margin: auto; 
	 position:relative;
	 left: 2px;
	 top: 15px;
 }
 .b-l{
	 width:230px ;
	 height:100% ;
	 background-color: #5f5750;
	 float: left;
	 
 }
 .box{
	 list-style-type: none;
	 padding:3px 15px;
	 font-size: 12px;
 }
 .box a{
	 font-size: 12px;
	 color: whitesmoke;
	 text-decoration: none;
 }
 .box a:hover{
	 color: darkgray;
 }
 .box li{
	 float: left;
	 position: relative;
	 width: 60px;
	 /* height:82px ; */
	 padding: 4px 3px;
 } 
 .b-l img{
	width: 24px;
	height: 24px;
	display: block;
	margin: 5px 10px;
 }
 .b-r{
	 width: 996px;
	 height: 131px;
	 /* background-color: cadetblue; */
	 float: right;
 }
 .box2{
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
 }
 .box2 img{
	 display: block;
	 width: 280px;
	 height: 131px;
	 margin-left: 12px;
 }
 .box2 li{
	 float: left;
	 position: relative;
	 padding:0 20px;
 }
 .main{
	 width:100% ;
	 background-color: #f5f5f5;
	 height: 5178px;
 }
 .head-box{
	 width: 100%;
	 height:120px ;
	 margin:0 auto;
	 /* background-color: darkgray; */
	 position: relative;
	 top: 15px;
 }
 .head-box img {
	 width: 100%;
	 height: 120px;
 }
 .main2{
	 width: 100%;
	 height: 686px;
	/* background-color: antiquewhite; */
 }
 .box-hd{
	 width: 100%;
	 height: 58px;
	/* background-color: beige; */
	 position: relative;
	 top: 22px;
 }
 .box-hd .title{
	 margin-top: 44px;
	 font-size: 22px;
	 line-height: 58px;
	 color: #333;
	 font-weight: 200;
 }
 .more{
	 width: 92px;
	 height: 58px;
	 position: absolute;
	 right: 0;
	 top: 0;
	/* background-color: aquamarine; */
 }
 .more a{
	 text-decoration: none;
	 font-size: 16px;
	 line-height: 58px;
	 color: #424242;
 }
 .more a:hover{
	 color: coral;
 }
 .clearfix{
	 width: 100%;
	 height: 628px;
	 /* background-color: #b0b0b0; */
	position: relative;
	top: 45px;
 }
 .row{
	 margin-left: 0px;
 }
 .box-l{
	 width: 234px;
	 height: 628px;
	 background-color: aquamarine;
 }
 .bx{
	 list-style-type: none;
 }
 .bx img{
	 height: 628px;
	 width:100%;
 }
 .box-r{
	 width: 992px;
	 height: 628px;
	 background-color: aliceblue;
	 /* float: right; */
	 position: absolute;
	 top: 0px;
	 right: 0;
 }
 .bx2{
	 list-style-type: none;
 }
 .bx2 li{
	 height: 300px;
	 width: 234px;
	 margin-left: 14px;
	 margin-bottom:23px ;
	 float: left;
	 position: relative;
	 background:#fff;
 }
  .bx2 div{
	  width: 160px;
	  height: 160px;
	  margin: auto;
	  /* margin-top: 5px; */
  }
  .bx2 img{
	  width: 160px;
	  height: 160px;
	  

  }
  .bx2 a{
	  text-decoration: none;
  }
  .bx2 .title{
	  font-size: 14px;
	  font-weight: 400;
	  color: #333;
	  margin: 16px 10px 2px;
	text-align: center; 
  }
  .decs{
	  margin: 0 10px 10px;
	  width: 214px;
	  height: 18px;
	  font-size: 12px;
	  color: #b0b0b0;
	  text-align: center;
	 white-space: nowrap; 
	  overflow: hidden; 
  }
.bx2 .price{
	margin: 0 10px 10px;
	color: #ff6700;
	text-align: center;
}
.bx2 .price del{
	color: #b0b0b0;
}
.tab-list{
	list-style-type: none;
	margin: 0;
	padding: 16px 0 0;
	font-size: 13px;
}
 .tab-list li:hover{
	color: #ff6700;
	 border-bottom: 2px solid #ff6700 ;  
}
 .box-hd .more li{
	 display: inline-block;
	 padding: 0;
	 margin: 3px 5px 30px;
	 color: #424242;
 }
.itme li{
	 height: 93px;
	 width: 234px;
	 float: right;
	 position: relative;
	 top: -322px;
	 right: -415px;
	 padding-top: 50px;
	 margin-left:14px ;
	 margin-bottom: 14px;
	 background: #fff;
	 z-index: 1;
 } 
 .itme img{
	 width: 80px;
	 height: 80px;
	 position: absolute;
	 top: 37px;
	 right: 0;
 }
/* .title2{
	margin: -189px 94px 5px 30px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
} */
.itme .title{
		margin: -189px 91px -14px 30px;
}
.itme .price{
	margin-left: -102px;
}
.itme .more{
	display: block;
	margin: 50px 56px -159px 17px;
	font-size: 18px;
	color: #333;
}
.itme small{
	display: block;
	font-size: 12px;
	color: #5f5750;
}
.
 
 
 
 
 

 
 
 
